
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title><?=$template['title']?></title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le styles -->
        <script src="<?=$url?>assets/js/jquery.min.js"></script>
        <script src="<?=$url?>assets/js/bootstrap.min.js"></script>
        <script src="<?=$url?>assets/js/jquery.dataTables.js"></script>
        <script src="<?=$url?>assets/js/jquery-ui.min.js"></script>
        <script src="<?=$url?>assets/js/noty-script.js"></script>
        <script src="<?=$url?>assets/js/jquery.noty.js"></script>

        <link href="<?=$url?>assets/css/bootstrap.min.css" rel="stylesheet">
        <link class="links-css" href="<?=$url?>assets/css/style.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="<?=$url?>assets/css/noty-css/jquery.noty.css"/>
        <link rel="stylesheet" type="text/css" href="<?=$url?>assets/css/noty-css/noty_theme_default.css"/>
        <link href="<?=$url?>assets/css/bootstrap-responsive.css" rel="stylesheet">

        <link href="<?=$url?>assets/css/media-fluid.css" rel="stylesheet">

        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

    </head>

    <body>

        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="navbar-inner">

                <div class="container-fluid">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse" data-original-title="">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#" data-original-title=""><img src="<?=$url?>assets/img/logo.png" alt="logo"></a>
<!--                    <ul class="nav pull-left bar-root">
                        <li class="divider-vertical"></li>
                        <li><a href="#" data-original-title=""><i class="icon-comment icon-white"></i><span class="label label-important">2</span></a> </li>
                        <li class="dropdown"><a href="#" data-toggle="dropdown" data-original-title=""> <i class="icon-envelope icon-white"></i><span class="label label-important">3 new</span></a> 
                            <ul class="dropdown-menu">
                                <li><a href="#" data-original-title=""><img src="<?=$url?>assets/img/thumb1.jpg" alt=""> Subject : Project <p class="help-block"><small>From: rahul@gmail.com</small></p><span class="label">23/09/2012</span></a></li>
                                <li class="divider"></li>
                                <li><a href="#" data-original-title=""><img src="<?=$url?>assets/img/thumb1.jpg" alt=""> Subject : Film <p class="help-block"><small>From: surjit@gmail.com</small></p><span class="label">21/04/2012</span> </a></li>
                                <li class="divider"></li>
                                <li><a href="#" data-original-title=""><img src="<?=$url?>assets/img/thumb1.jpg" alt=""> Subject : re:Project 
                                    <p class="help-block"><small>From: kaka@gmail.com</small></p><span class="label">20/02/2012</span></a></li>
                                <li class="divider"></li>
                                <li><a href="#" data-original-title=""><img src="<?=$url?>assets/img/thumb1.jpg" alt=""> Subject : Tasks <p class="help-block"><small>From: nuri@gmail.com</small></p><span class="label">19/01/2012</span></a></li>
                                <li class="divider"></li>
                                <li class="active"><a href="#" data-original-title=""> Show All </a></li>
                            </ul>
                        </li>
                        <li class="dropdown"><a href="#" data-toggle="dropdown" data-original-title=""> <i class="icon-refresh icon-white"></i><span class="label label-info">3 Updates</span></a> 
                            <ul class="dropdown-menu">
                                <li><a href="#" data-original-title=""> Theme </a></li>
                                <li><a href="#" data-original-title=""> Components</a></li>
                                <li><a href="#" data-original-title=""> Plugins</a></li>
                                <li class="divider"></li>
                                <li class="active"><a href="#" data-original-title=""> Show All </a></li>
                            </ul>
                        </li>
                    </ul>-->
                    <div class="group-menu nav-collapse"> 
                        <ul class="nav pull-right">
                            <li class="divider-vertical"></li>
                            <li class="dropdown">
                                <a data-toggle="dropdown" href="#" data-original-title="">Super Admin, Devgun <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <div class="modal-header">

                                            <h3>Surjit devgun - Admin</h3>
                                        </div>
                                        <div class="modal-body">
                                            <div class="row">
                                                <div class="span1"><img src="<?=$url?>assets/img/photo.png" alt="avatar"></div>
                                                <div class="span3 pull-right">
                                                    <h5>mail@gmail.com</h5>
                                                    <a href="#" class="link-modal" data-original-title="">Account</a>  <a href="#" class="link-modal" data-original-title="">Settings-Privacy</a>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer">
                                            <a href="#" class="btn btn-info pull-left" data-original-title="">Show my profile</a>
                                            <a class="btn btn-info" href="index.html" data-original-title="">Logout</a>
                                        </div>

                                    </li>
                                </ul>

                            </li>
                        </ul>

<!--                        <form action="#" class="navbar-search pull-right">
                            <input type="text" placeholder="Search" class="search-query span2">
                        </form>-->
                    </div>

                </div>
            </div>            </div>
        </div>

        <div class="container-fluid">
            <div class="row-fluid">
                <div id="menu-left" class="span3">
                    <div class="sidebar-nav">
                        <ul class="nav nav-list">
                          <li><a href="<?=  site_url()?>" <?=$halaman['home']?> data-original-title=""><span> Home</span><i class="icon-list-alt icon-white pull-right"></i></a></li>
                          <li><a href="<?=  site_url("users")?>" <?=$halaman['users']?> data-original-title=""><span> Users</span><i class="icon-list-alt icon-white pull-right"></i></a></li>
                            <li><a href="<?=  site_url("pelabuhan")?>" <?=$halaman['pelabuhan']?> data-original-title=""><span> Pelabuhan</span><i class="icon-tasks  pull-right"></i></a></li>
                            <li><a href="<?=  site_url("kategori-pelabuhan")?>" <?=$halaman['kategori_pelabuhan']?> data-original-title=""><span> Kategori Pelabuhan</span><i class="icon-picture  pull-right"></i></a></li>
                            <li><a href="<?=  site_url("propinsi")?>" <?=$halaman['propinsi']?> data-original-title=""><span> Propinsi</span><i class="icon-picture  pull-right"></i></a></li>
                        </ul>
                        <div class="togglemenuleft"><a class="toggle-menu" data-original-title=""><i class="icon-circle-arrow-left icon-white"></i>&nbsp;</a></div>
                    </div>                </div><!--/span-->


                <div id="content" class="span9 section-body">
                  <?=$template['body']?>
                </div>
            </div>
            <footer>
                <p><strong>&copy; V3Admin 2012</strong></p>
            </footer>
            
        </div>

        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->

        <script type="text/javascript">
            $(document).ready(function(){
                $('.togglemenuleft').click(function(){
                    $('#menu-left').toggleClass('span1');
                    $('#menu-left').toggleClass('icons-only');
                    $('#menu-left').toggleClass('span3');

                    $('#content').toggleClass('span9');
                    $('#content').toggleClass('span11');
                    $(this).find('i').toggleClass('icon-circle-arrow-right');
                    $(this).find('i').toggleClass('icon-circle-arrow-left');
                    $('#menu-left').find('span').toggle();
                    $('#menu-left').find('.dropdown').toggle();
                });

                $('#menu-left a').click(function(){
                    $('#menu-left').find('a').removeClass('active');
                    $(this).addClass('active');
                });
                
                // sort table 
//                $('#example').dataTable();
                $('a.style').click(function(){
                    var style = $(this).attr('href');
                    $('.links-css').attr('href','css/' + style);
                    return false;
                });
            });
        </script>
    </body>
</html>